<template>
    <div name='code-editor'>
                  <link rel="stylesheet" href="../../static/css/c.css">
            <link rel="shortcut icon" href="https://s0.kaoshixing.com/static/base/images/new_logo.ico" />
        

        <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/plugins/bootstrap/css/bootstrap.min.css?v=246e02790957">
        <link rel="stylesheet" type="text/css" href="https://s0.kaoshixing.com/static/base/css/admin_base.css?v=fdf382154b57">
        <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/base/css/ksx-base.css?v=fe1d92f34c57">
        <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/plugins/IconFont/css/styles.min.css?v=155b8a0f0957">
        <link rel="stylesheet" type="text/css" href="https://s4.kaoshixing.com/static/plugins/examFont/style.css?v=32d7a8bce957">
        <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/plugins/bootgrid/jquery.bootgrid.css?v=84a2bdf12957">
        <link rel="stylesheet" type="text/css" href="https://s5.kaoshixing.com/static/plugins/introjs/introjs.css?v=c805ac204557">
        <link rel="stylesheet" href="https://s3.kaoshixing.com/static/plugins/honeySwitch/honeySwitch.css?v=d59d32377b57">
    <link rel="stylesheet" href="https://s3.kaoshixing.com/static/plugins/summernote-master/dist/summernote.css?v=20e8f65b8e57">
    <link rel="stylesheet" href="https://s0.kaoshixing.com/static/base/css/modal_content_style.css?v=73ba1c1f3c57">
    <link rel="stylesheet" href="https://s0.kaoshixing.com/static/admin/css/exam_add.css?v=a5507cf5dc57">
    <link rel="stylesheet" type="text/css" href="https://s2.kaoshixing.com/static/base/css/cannotlink_modal.css?v=ab38662ed857" />
    <link rel="stylesheet" type="text/css" href="https://s4.kaoshixing.com/static/admin/css/link_img_download.css?v=9589bcee3057" />

                <body>
        <Header></Header>
        <section>
            <div class="mainwrapper">
                <!-- 侧边栏 -->
                <Sidebar></Sidebar>
                <!-- /侧边栏 -->
                <div class="mainpanel">
                    <div class="contentpanel">
                        <div class="row row-stat">


<div class="viewFrameWork-body">
                <!-- loading -->
                <div class="spinner-wrapper hidden" id="spinnerLoading">
                    <div class="spinner">
                        <div class="rect1"></div>
                        <div class="rect2"></div>
                        <div class="rect3"></div>
                        <div class="rect4"></div>
                        <div class="rect5"></div>
                    </div>
                </div>

                <div class="body-wrapper">
                    <div class="body-content">
                        <div class="cont-r">
                            <div role="tabpanel" class="tab-area tab-col4">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation">
                                        <a href="#createTest4" aria-controls="create4" role="tab" data-toggle="">
                                            第一步:创建试卷
                                        </a>
                                    </li>
                                    
                                    <li role="presentation" class="step3">
                                        <a href="#createTest3" aria-controls="create3" role="tab" data-toggle="">
                                            第二步:添加试题
                                        </a>
                                    </li>
                                <li role="presentation" class="active step1">
                                        <a href="#createTest1" aria-controls="create1" role="tab" data-toggle="tab">
                                        
                                            第三步:发布考试
                                        </a>
                                    </li>
                                </ul>


            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="createTest4">
                    <div class="issue-area">
                       
                            <div class="exam-setting normal-setting">
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                           
                                            <div class="col-sm-10">
                                               <table>
                                                <tr><td> <label for="examName" class="col-sm-2 control-label">考试名称: </label>  </td><td>{{final_exam_list.exam_name}}</td><td></td></tr>
                                                <tr><td><label class="col-sm-2 control-label">考试分类</label></td><td>
                                                {{final_exam_list.test_name.test_name}}
                                            </td><td></td></tr>
                                            <tr>
                                                <td><label class="col-sm-2 control-label">登录方式</label></td>
                                                <td>
                                                        <input type="radio" name="skipLogin" :value="1" v-model="skipLogin"> 免登录考试
                                                  </td><td>
                                                        <input type="radio" name="skipLogin" :value="2" v-model="skipLogin">登录考试
                                                        </td></tr>
                                            <tr>
                                                <td> <label class="col-sm-2 control-label">考试时间</label></td>
                                                <td>
                                                             <i class="icons8-calendar end"></i>
                                                               {{date | formatDate}}
                                                      </td>
                                                <td> <span>到</span>
                                                       
                                                            <i class="icons8-calendar end"></i>
                                                            <input type="text" placeholder="请输入截止时间"   v-model="times">
                                                      </td>
                                            </tr>
                                            <tr>
                                                <td> <label class="col-sm-2 control-label">答卷时长</label></td>
                                                <td> <input type="text" value="60"  v-model="examTime" class="form-control form-control-inline width-62 fl hasUsingFormDom">分钟</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td> <label for="passMark" class="col-sm-2 control-label">及格分数</label></td>
                                                <td> <input type="text" v-model="passMark" class="form-control form-control-inline width-62 fl hasUsingFormDom" id="passMark" value="6">分</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td> <label class="col-sm-2 control-label">参与人员</label></td>
                                                <td> <input type="radio"    name="joinStatus"   :value="0"  v-model="joinStatus">&nbsp;&nbsp;全员参加</td>
                                                <td><input type="radio" style="margin-left:10px" name="joinStatus" :value="1" v-model="joinStatus">&nbsp;&nbsp;按部门/人员参与</td>
                                            </tr>
                                             <tr> <div class="btn-div">
                                            <button @click="submin" class="btn btn-primary btn-step1 guide-btn" >完成发布</button>
                                        </div> </tr>
                                            </table>
                                            </div>
                                           
                                        </div>
                                        

                                  
                                     
                                       
                                      <div class="department-box" id="threeCreateExam3">
                                                                               
                                            <div class="form-group selGroupLink process_hidden department-show" style="display:none">
                                                <label class="col-sm-2 control-label letter-s4">可考部门</label>
                                                <div class="col-sm-8">

                                                    <button type="button" class="btn btn-default btn-sm" id="selGroupLink">选择部门</button>
                                                    <input class="hasSelectedDeptIds" type="hidden" name="deptIds" value="">

                                                    <div class="label-wrap depsName">
                                                        <div class="label-list depNameLabel" id="depName"></div>
                                                        <div class="collapse-label">
                                                            <span class="glyphicon-title">展开</span>
                                                            <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                     
                                            <div class="form-group selUserLink process_hidden department-show" style="display:none">
                                                <label class="col-sm-2 control-label letter-s4">可考人员</label>
                                                <div class="col-sm-8">
                                                    <button type="button" class="btn btn-default btn-sm" id="selUserLink">选择人员</button>
                                                    <button type="button" class="btn btn-default btn-sm selectUsers" id="selUsersLink">批量录入</button>
                                                    <button type="button" disabled="" class="btn btn-default btn-sm" id="clearUsers">清空可考人员</button>
                                                    <input class="hasSelectedUserIds" type="hidden" name="userIds">

                                                    <div class="label-wrap usersName">
                                                        <div class="label-list userNameLabel" id="usersName"></div>
                                                        <div class="collapse-label">
                                                            <span class="glyphicon-title">展开</span>
                                                            <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            
                                         </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="panel panel-default panel-paper" id="paperPanel">
                                            <div class="panel-heading clearfix">
                                                <div class="paper-title">
                                                    <span class="paper-name"></span>
                                                    <span class="paper-type">
                                                        
                                                                （选题组卷）
                                                            
                                                    </span>
                                                </div>
                                                <div class="paper-operation">
                                                    <a class="border-right" target="_blank" href="http://localhost:8080/kaoshi">预览试卷</a>
                                                    <a class="border-right" href="http://localhost:8080/paper_add" target="_blank">编辑试卷</a>
                                                </div>
                                            </div>
                                            <div class="panel-body">
                                                <div class="form-row">
                                                    <span class="title">总分:</span>
                                                    <span class="content paper-total-score">{{total}}</span>
                                                </div>
                                                <div class="form-row">
                                                    <span class="title">创建人:</span>
                                                    <span class="content paper-create-user-name">{{final_exam_list.user_exam.username}}</span>
                                                </div>
                                                <div class="form-row">
                                                    <span class="title">试题数量:</span>
                                                    <span class="content paper-test-count">{{final_exam_list.exam_content}}</span>
                                                </div>
                                                <div class="form-row">
                                                    <span class="title">创建日期:</span>
                                                    <span class="content paper-created-time">{{final_exam_list.create_time | formatDate}}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-default panel-answer-notice">
                                            <div class="panel-heading clearfix">考试说明</div>
                                            <div class="panel-body">
                                                <textarea class="beforeAnswerNotice notice-textarea" placeholder="请填写考试说明" v-model='shows_that' name="beforeAnswerNotice"></textarea>
                                            </div>
                                        </div>
                                        <div class="btn-div">
                                            <button @click="tijiao" class="btn btn-primary btn-step1 guide-btn">提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="more_settings_split"></div>
                            <div class="exam-setting toolbar-setting">
                                <a href="#superSetting" class="btn-href-collapse collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="superSetting">展开更多设置
                                    <span href="#superSetting" class="glyphicon icon-a_pull_down" aria-hidden="true" style="margin-right: 5px;" data-toggle="collapse" aria-expanded="false" aria-controls="superSetting"></span>
                                </a>
                            </div>
                            <div class="exam-setting super-setting collapse" id="superSetting">
                                <div class="row">
                                    <div class="col-md-6 left-setting">
                                        <div class="exam-title">考试信息</div>
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                考试状态:<span class="exam-staus">已开启</span>
                                                <button type="button" class="btn btn-warning btn-sm exam-status-btn">禁用考试</button>
                                                <input type="hidden" name="status" value="0">
                                            </div>
                                        </div>
                                        <!-----------zs,限制考试访问IP------------------>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">限制考试访问IP</label>
                                            <div class="col-sm-8">
                                                <span class="switch-off" id="switch-ipSetting" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="hidden" name="setIpRange" value="0">
                                            </div>
                                        </div>
                                        <div class="form-group ip-group hidden-group">
                                            IP范围：<span class="ip-content">当前还未设置ip范围</span>
                                            <input type="hidden" name="ipRange">
                                            <button type="button" class="btn btn-default btn-sm" id="edit-ip" data-toggle="modal" data-target="#editIP">编辑</button>
                                        </div>
                                        <div class="exam-title">考卷模式</div>
                                        <div class="form-group">
                                            <div class="col-sm-12 form-inline">
                                                <div class="radio">
                                                    <label>
                                                        <input type="checkbox" name="practiceMode"> 练习模式
                                                    </label>
                                                    <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="如需在pc端使用，请同时开启下方的“逐题模式”" data-original-title="" title=""></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-12 form-inline">
                                                <div class="radio">
                                                    <label>
                                                        <input type="checkbox" name="onebyoneMode"> 逐题模式
                                                    </label>
                                                    <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，电脑端每页只显示一道题，通过点击“下一题”的方式答卷" data-original-title="" title=""></i>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="col-sm-12 form-inline">
                                                <div class="radio">
                                                    <label>
                                                        <input type="checkbox" name="passMode">
                                                        闯关模式
                                                    </label>
                                                    <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启闯关模式，默认考生答错一题时，闯关失败，自动交卷。若新增1次答错机会，则考生答错两题时，闯关失败并交卷。此模式下考生答题无法返回上一题，无法查看答题卡" data-original-title="" title=""></i>
                                                </div>
                                                <div class="form-group incorrectlyTip isHide">
                                                    <div class="input-group">
                                                        <div class="input-group-addon">增加</div>
                                                        <input type="text" class="form-control" name="errorTimes" style="text-align:center;width:60px" value="">
                                                        <div class="input-group-addon">次错题机会</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group examPay">
                                            <div class="col-sm-12 form-inline">
                                                <div class="radio">
                                                    <label>
                                                        <input type="checkbox" name="userPayConfirm" class="readonly" readonly=""> 考试付费
                                                    </label>
                                                    <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="考生需为考试支付特定的费用，才能进入答题" data-original-title="" title=""></i>
                                                </div>
                                                <div class="form-group examAmount isHide">
                                                    <label class="sr-only">考试价格</label>
                                                    <div class="input-group">
                                                        <div class="input-group-addon">￥</div>
                                                        <input type="text" class="form-control" name="examPrice" style="text-align:center;width:60px" value="">
                                                        <div class="input-group-addon">元</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <div class="exam-title">自定义设置</div>
                                        <div class="form-group form-inline setExamBg">
                                            <label class="col-sm-3 control-label">自定义考试背景
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，可针对每场考试单独设置考试背景" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-7 custom-background-box">
                                                <span class="switch-disabled switch-off switch-all switch-examBg" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <button type="button" class="btn btn-default btn-sm isHide" id="examBgLink">内容设置</button>
                                                <input type="hidden" name="examBgFile">
                                                <input type="hidden" name="mExamBgFile">
                                            </div>
                                        </div>
                                        <div class="form-group form-inline">
                                            <label class="col-sm-3 control-label" style="width: 90px;">试题水印
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，考生答题时试题显示水印，水印同样适用于考生查看答案解析与错题本页面，水印内容为“公司名称-考生姓名”" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-7 custom-background-box">
                                                <span class="switch-all switch-hidden switch-waterMark switch-off" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="hidden" disabled="" name="isWatermark" value="0">
                                                <button type="button" class="btn btn-default btn-sm isHide" id="watermarkPreview">水印预览</button>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-6 right-setting">
                                        <div class="exam-title">分数设置</div>
                                        <div class="form-group form-inline switch-showScore">
                                            <label class="col-sm-3 control-label letter-9">试题分数对考生可见
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="关闭后，考生答卷时不显示试题分数，该功能与考后是否显示成绩无关" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-6">
                                                <span class="switch-on switch-all switch-isVisible" style="border-color: rgb(77, 143, 225); box-shadow: rgb(77, 143, 225) 0px 0px 0px 16px inset; background-color: rgb(77, 143, 225);"><span class="slider"></span></span>
                                            </div>
                                            <input class="hidden scoreIsVisible" type="hidden" name="isVisible">
                                        </div>

                                        <div class="exam-title">成绩设置</div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label letter-6">显示成绩</label>
                                            <div class="col-sm-9">
                                                <span class="switch-on switch-all switch-exam" style="border-color: rgb(77, 143, 225); box-shadow: rgb(77, 143, 225) 0px 0px 0px 16px inset; background-color: rgb(77, 143, 225);"><span class="slider"></span></span>
                                            </div>
                                        </div>

                                        <div class="form-group set_up_score add info-group">
                                            <div class="col-sm-8 radio-group">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="releaseWay" checked="" value="1"> 考后显示成绩
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="releaseWay" value="2"> 批改后显示成绩
                                                    </label>
                                                </div>
                                            </div>
                                        </div>

                                        
                                        <input type="hidden" id="releaseWaySwitch" name="releaseWaySwitch" value="1">

                                        <div class="form-group setScanPaper hidden_answer">
                                            <label class="col-sm-3 control-label letter-7">允许查看试卷
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="查看历史考试时，支持查看试卷进行回顾考试" data-original-title="" title=""></i></label>
                                            <div class="col-sm-9">
                                                <span class="switch-on switch-all R switch_scan_paper" style="border-color: rgb(77, 143, 225); box-shadow: rgb(77, 143, 225) 0px 0px 0px 16px inset; background-color: rgb(77, 143, 225);"><span class="slider"></span></span>
                                                <input type="checkbox" name="setAllowPaper" checked="" class="hidden">
                                                <div class="radio-group set_allow_answer in_add">
                                                    <div class="radio">
                                                        <label>
                                                            <input type="radio" name="setAllowsPaperAnswer" checked="" value="0">显示正确答案和解析
                                                        </label>
                                                    </div>
                                                    <div class="radio">
                                                        <label>
                                                            <input type="radio" name="setAllowsPaperAnswer" value="1">
                                                            不显示正确答案和解析
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--允许查看试卷选项-->
                                        <div class="form-group  add info-group set_up_paper">
                                            <div class="col-sm-8 radio-group">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="is_paper_forever" checked="" value="0"> 永久查看
                                                    </label>
                                                </div>
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" name="is_paper_forever" value="1">
                                                        考试结束后
                                                        <input type="text" class="form-control form-control-inline width-62 allow_p_a_days" id="allow_p_a_days" value=""><!--用于填写-->
                                                        天内可查看
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" class="form-control form-control-inline width-62 " id="allowsPaperDays" name="allowsPaperDays" value="0"><!--用于提交-->

                                        <div class="form-group showBeatratio">
                                            <label class="col-sm-3 control-label letter-7">显示击败百分比</label>
                                            <div class="col-sm-9">
                                                <span class="switch-off switch-all switch-Beatratio" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="checkbox" name="showBeatratio" class="hidden">
                                                <button type="button" class="btn btn-default beatratio-content btn-sm isHide" id="beat_content">内容设置</button>
                                            </div>
                                                <input type="hidden" name="showBeatratioTitle">
                                        </div>

                                        <div class="form-group showRanking">
                                            <label class="col-sm-3 control-label letter-4">显示名次</label>
                                            <div class="col-sm-9">
                                                <span class="switch-on switch-all switch-showing" style="border-color: rgb(77, 143, 225); box-shadow: rgb(77, 143, 225) 0px 0px 0px 16px inset; background-color: rgb(77, 143, 225);"><span class="slider"></span></span>
                                                <input type="checkbox" name="showRanking" class="hidden" checked="">
                                            </div>
                                        </div>


                                        <div class="form-group showRankingList">
                                            <label class="col-sm-3 control-label letter-4">显示排行榜
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，考生进入考试前与考试交卷后
                                                    可查看排行榜，排行榜显示内容为实时排名前十名的考生姓名与成绩。显示成绩开关将会影响排行榜内容的展示" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-9">
                                                <span class="switch-on switch-all switch-ranking-list" style="border-color: rgb(77, 143, 225); box-shadow: rgb(77, 143, 225) 0px 0px 0px 16px inset; background-color: rgb(77, 143, 225);"><span class="slider"></span></span>
                                                <input type="checkbox" name="showRankingList" class="hidden" checked="">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group setCorrectComment">
                                            <label class="col-sm-3 control-label letter-4">显示批改评语
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="管理员批改时可录入批改评语，考生在考试结束页将能看到批改评语" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-9">
                                                <span class="switch-off switch-all switch-hidden switch-correct-comment" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="checkbox" name="setCorrectComment" class="hidden">
                                            </div>
                                        </div>

                                        <div class="form-group setRemark">
                                            <label class="col-sm-3 control-label letter-4">显示系统评语
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="能够针对不同成绩设置自动匹配评语" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-9">
                                                <span class="switch-off switch-all switch-hidden" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="checkbox" name="setRemark" class="hidden">
                                            </div>
                                        </div>

                                        <div class="form-group info-group hidden-group onShow_state">
                                            <div class="on_state">
                                                <input type="text" name="minScore0" class="score min_score" placeholder="最小值">
                                                <div class="state-sign">
                                                    <span class="less-sign less-than-equal-to"></span>分数<span class="less-sign"></span>
                                                </div>
                                                <input type="text" name="maxScore0" class="score max_score" placeholder="最大值">
                                                <input type="text" name="markedWords0" class="marked_words" maxlength="100" placeholder="提示语">
                                                <input type="text" name="urlAddress0" class="url_address" placeholder="跳转链接">
                                            </div>
                                            <a class="q-opra-add addKeyRadioOrCheck" href="javascript:void(0)"><i class="icons8-plus-filled"></i><span>增加选项</span></a>
                                        </div>

                                        <div class="form-group setWechatRedPack">
                                            <label class="col-sm-3 control-label letter-4">微信红包
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，考生交卷可获得对应分数段的微信红包。红包在系统自动判分后发放，与管理员手动判分修改分数无关。" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-9">
                                                <span class="switch-disabled switch-off switch-all switch-hidden switch-redpack" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="checkbox" name="setWechatRedPack" class="hidden">
                                            </div>
                                        </div>

                                        <div class="form-group info-group hidden-group showRedPackage">
                                            <div class="grade-item">
                                                <input type="text" name="redPackMinScore0" class="red-packet-min-score" placeholder="最小值">
                                                <div class="state-sign">
                                                    <span class="less-sign less-than-equal-to"></span>分数<span class="less-sign"></span>
                                                </div>
                                                <input type="text" name="redPackMaxScore0" class="red-packet-max-score" placeholder="最大值">
                                                <input type="text" name="minMoney0" class="min-money" placeholder="最小金额">
                                                <div class="state-sign">
                                                    <span class="less-sign less-than-equal-to"></span>金额<span class="less-sign"></span>
                                                </div>
                                                <input type="text" name="maxMoney0" class="max-money" placeholder="最大金额">
                                                <a class="q-opra-add addGradeItem" href="javascript:void(0)"><i class="icons8-plus-filled"></i><span>增加选项</span></a>
                                            </div>
                                        </div>

                                        <div class="form-group switch-wechat">
                                            <label class="col-sm-3 control-label letter-4">微信分享
                                                <i class="icons8-help" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="开启后，可保存考生成绩页面为图片，保存的图片与该页面显示内容一致，考生可自行进行微信分享操作" data-original-title="" title=""></i>
                                            </label>
                                            <div class="col-sm-9">
                                                <span class="switch-off switch-all switch-wechat" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                <input type="checkbox" name="weChat" class="hidden">
                                                
                                            </div>
                                            
                                        </div>

                                        <div class="form-group releaseNotice">
                                            <label class="col-sm-3 control-label letter-5">考试结束语</label>
                                        </div>
                                        <div class="form-group info-group hidden-group setReleaseNotice add">
                                            <textarea name="setReleaseNotice" id="set_release_notice" maxlength="100">感谢您的作答！</textarea>
                                        </div>

                                        
                                            <div class="form-group setPoint">
                                                <label class="col-sm-3 control-label letter-4" style="width: 75px;">积分规则</label>
                                                <div class="col-sm-9">
                                                    <span class="switch-off switch-all switch-hidden switch-point" style="border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; background-color: rgb(255, 255, 255);"><span class="slider"></span></span>
                                                </div>
                                            </div>

                                            <div class="form-group info-group hidden-group onShow_state">
                                                <div class="on_state_point">
                                                    <input type="text" name="minGetScore0" class="score min_score" placeholder="最小值">
                                                    <div class="state-sign">
                                                        <span class="less-sign less-than-equal-to"></span>分数<span class="less-sign"></span>
                                                    </div>
                                                    <input type="text" name="maxGetScore0" class="score max_score" placeholder="最大值">
                                                    <div class="form-group-select">
                                                        <select name="changeType0" class="select-box">
                                                            <option value="-1">减少</option>
                                                            <option value="1" selected="">增加</option>
                                                        </select>
                                                    </div><input type="text" name="changeScore0" class="point-score" maxlength="3"> 积分
                                                </div>
                                                <a class="q-opra-add addPointRule" href="javascript:void(0)"><i class="icons8-plus-filled"></i><span>增加积分规则</span></a>
                                            </div>
                                        

                                    </div>
                                </div>
                            </div>
                       
                    </div>
                </div>
            </div>



                            </div>
            
                        </div>
            
                    </div>
            
                 </div>

 </div>

                        </div><!-- row -->
                    </div>
                    <!-- contentpanel -->
                </div>
                <!-- mainpanel -->
            </div>
            <!-- mainwrapper -->
        </section>

    </body>


</div>
 
</template>
<script>
import axios from 'axios'
export default {
    name:'code-editor',
    data () {
        return {
            final_exam_list:[],
            total:'',
            date: new Date(),   //开始时间
            skipLogin:'',   //考生考试方式
            times:'',     //结束时间
            examTime:"",  //考试时长
            passMark:"",  //及格分数
            joinStatus:'', //全员参与
            shows_that:"",
        }
    },
    // methods: {
        
    // },
    mounted(){
          var that = this;
            this.timer = setInterval(() => {
            that.date = new Date(); //修改数据date
    }, 1000);
       
        axios({
                url:this.$api+'/user/final_exam_first/?exam_id='+window.localStorage.getItem('exam_id'),
                method:'get',
            }).then(res=>{
                if(res.data.code==200){
                    this.final_exam_list = res.data.final_exam_list
                    this.total =  res.data.final_exam_list.exam_content*10
                }
            })
    },
    
    beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer); //在Vue实例销毁前，清除我们的定时器
    }
  },
  methods: {
        submin(){
            axios({
                url:this.$api+'/user/add_the_test_requirements/',
                method:'post',
                data:{'final_exam_id':window.localStorage.getItem('exam_id'),'data':this.date,'skipLogin':this.skipLogin,'times':this.times,'examTime':this.examTime,'passMark':this.passMark,'joinStatus':this.joinStatus}
            }).then(res=>{
                if(res.data.code==200){
                    
                   alert('成功')
                }else{
                 alert('失败')
                }
            })
        },
        tijiao(){
            axios({
                url:this.$api+'/user/add_Test_shows_that/',
                method:'post',
                data:{'final_exam_id':window.localStorage.getItem('exam_id'),'shows_that':this.shows_that}
            }).then(res=>{
                if(res.data.code==200){
                    alert('成功')
                }else{
                    alert('失败')
                }
            })
        }
    },
    
 filters: {
    formatDate: function (value) {
        let date = new Date(value);
        let y = date.getFullYear();
        let MM = date.getMonth() + 1;
        MM = MM < 10 ? ('0' + MM) : MM;
        let d = date.getDate();
        d = d < 10 ? ('0' + d) : d;
        let h = date.getHours();
        h = h < 10 ? ('0' + h) : h;
        let m = date.getMinutes();
        m = m < 10 ? ('0' + m) : m;
        let s = date.getSeconds();
        s = s < 10 ? ('0' + s) : s;
        return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
     }
  }

}
</script>
